<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height">
    <title>实时更新内存数据的折线图</title>
    <style>
        ::-webkit-scrollbar {
            display: none;
        }

        html,
        body {
            overflow: hidden;
            height: 100%;
            margin: 0;
        }

        .extension-container {
            margin:20px 3px;
            border-width: 2px;
            border-radius: 2px;
            border-color: black;
            border-style: solid;
            padding: 5px
        }
    </style>
    <script src='./vconsole.min.js'></script>
    <script src='./init_vconsole.js'></script>
    <script src="./g2.min.js"></script>
</head>

<body style="overflow: scroll">
    <!-- <div id = "button_area" style = 'position:fixed;top:10px;left:0;_position:absolute;padding:0px;display: flex;flex-direction: column;'></div> -->
    <div class="extension-container">
        <b>EDT(tt-electron-devtools) 使用手册参考飞书文档 <br>https://bytedance.feishu.cn/wiki/wikcnNGVLyTSZxyJ6YIZYYSxcRc</b>
    </div>

    <div id="common-tools" class="extension-container"></div>

    <div id="memory-monitor" class="extension-container">
        <h1 style="text-align:center"> 内存实时监控 </h1>
        <div id="button_area" style='margin:3px'></div>
        <script src="./memory_record.js"></script>
    </div>

    <div id="snapshot-analyze" class="extension-container">
        <h1 style="text-align:center"> 内存快照分析 </h1>
    </div>
    <div id="more-tools" class="extension-container">
        <h1 style="text-align:center">
            TODO
        </h1>
    </div>
</body>

</html>